Ext.require(['Ext.toolbar.*']);


Ext.onReady(function(){

	//######################################################################
//		Ext.getCmp("proyecto").hide();
	    var menu = Ext.create('Ext.menu.Menu', {
        id: 'mainMenu',
        plain: true,
        style: {
            overflow: 'visible'     // For the Combo popup
        },
        items: [
        	{
        		text: 'Usuario',
        		handler: function (){    	
			    	window.location = '/administracion/usuario'
				}
        	},'-',{
        		text: 'Rol',
        		menu: {
                    items: [
                        {
                            text: 'De Sistema',
							handler: function (){    	
								window.location = '/administracion/rol'
							}
                        }
                    ]}
        	},{
                text: 'Rol Plantilla',	
                menu: {
                    items: [
                        {
                            text: 'De Proyecto'
                        },{
                            text: 'De Fase'
                        },{
                            text: 'De Tipo Item'
                        }
                    ]
                }
           },'-',{
        		text: 'Proyectos',
        		id:'proyecto',
				handler: function (){    	
							window.location = '/administracion/proyecto'
						}
        	},{
        		text: 'Fases',
//                handler: onFaseClick        		        		
        	},{
        		text: 'Tipos de Items'
        	}
        ]
    });
	//######################################################################	


		Ext.create('Ext.toolbar.Toolbar', {
		suspendLayout: true,
		renderTo: "menu",
		width   : 942,
		height	: 30,
		items: [
		    {
		        text : 'Admistracion',
		        menu: menu
		    },
		    {
		        xtype: 'splitbutton',
		        text : 'Desarrollo',
		        menu: [
                {
                	text: 'Items'
                }]
		    },
		    {
		        xtype: 'splitbutton',
		        text : 'Gestion de Configuracion',
		        menu: [
                {
                	text: 'Lineas Base'
                }]
		    },
		    
		    '->',
		    {
		        xtype    : 'textfield',
		        name     : 'field1',
		        emptyText: 'enter search term'
		    }
		]
	});
	
	
});


